<template>
  <div class="editor-frame--viewport">
    <PreviewRender
      :screen="schemaObject.screen"
      :map="schemaObject.map"
      :nodes="schemaObject.nodes"
    />
  </div>
</template>

<script>
export default {
  name: 'Preview',
};
</script>

<script setup>
import { getCurrentInstance } from '@vue/composition-api';
import PreviewRender from '@/designer/renderer/preview.vue';

const { proxy } = getCurrentInstance();
const schema = localStorage.getItem('schema');
const schemaObject = JSON.parse(schema);
</script>

<style lang="scss" scoped>
.editor-frame--viewport {
  height: 100%;
  overflow: auto;
}
</style>
